html{overflow-y: scroll; width:100%;}
body { margin: 0px; padding: 0px; font-size: 12px; color: #5a5a5a; font-family: 'Microsoft Yahei',arial,helvetica,sans-serif; width:100%;}
a { color: #5a5a5a; text-decoration: none; }
a:hover { color: #02389c; text-decoration: none; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
.area { width: 990px; margin: 0px auto; }
.inner{width: 990px; margin: 0px auto; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
img{border:none;}
.button{display: inline-block;zoom: 1;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.orange {color: #fef4e9;border: solid 1px #da7c0c;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top, #faa51a, #f47a20);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
.orange:hover {background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background: -moz-linear-gradient(top, #f88e11, #f06015);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');}
.button:hover {text-decoration: none;color: #fff;}
.imgmid { display: inline-block; height: 100%; width: 0px; margin-left: -1px; vertical-align: middle;}
.w{ width:990px; margin:0px auto;}


.header .logo a,.header .aim,.menu .fr i,.breadcrumbs .ico-position{ background-image:url(https://img.alicdn.com/imgextra/i2/379516416/TB22TELXK38SeJjSZFPXXc_vFXa_!!379516416.png); background-repeat: no-repeat;_background-image:url(https://img.alicdn.com/imgextra/i3/379516416/TB2cb8if1kJL1JjSZFmXXcw0XXa_!!379516416.gif);  background-repeat:no-repeat;}
.topbar{ background-color:#fbfbfb; height:30px; line-height:30px; border-bottom:1px solid #dddddd;}
.topbar .fr  a{margin: 0px 10px;}
.header{ height:115px;}
.header .logo{}
.header .logo a{display:block;width: 435px;text-indent:-99em;background-position:0px 0px;height: 80px;margin-top: 20px;}
.header .logo h1{ font-size:26px; color:#323232; font-weight:normal;margin:10px 0 0 0; padding-top:6px;}
.header .logo h1 span{ display:block; font-size:14px; color:#484848; padding-left:2px;}
.header .aim{ width:280px; height:70px; background-position:0px -160px; margin-top:15px;}


.menu{ background-color:#000000; height:40px; line-height:40px;}
.menu .fl ul li{ float:left;}
.menu .fl ul li a{ color:#ffffff; font-size:16px; display:block; padding:0px 25px;}
.menu .fl ul li.on a{ background-color:#666666;}
.menu .fl ul li dl.dl_hide{display:none;}
.menu .fr{ font-size:24px; font-style:italic; color:#ff0000;}
.menu .fr i{ display:inline-block; vertical-align:middle; width:25px; height:25px; background-position:-270px -110px;}

.indexpro{ margin:25px auto;}
.indexpro .w{overflow:hidden;}
.indexpro .hd{ text-align:center;}
.indexpro .hd h3{ font-size:30px; font-weight:normal; color:#000000;}
.indexpro .hd h3 p{ margin:0px; padding:0px;}
.indexpro .hd h3 p.c{ font-size:24px;}
.indexpro .bd{}
.indexpro .bd ul{ height:280px; overflow:hidden;}
.indexpro .bd ul li{ float:left; margin-right:20px;}
.indexpro .bd ul li a{}
.indexpro .bd ul li a img{ width:230px; height:230px; border:none;}
.indexpro .bd ul li p{font-size:14px; text-align:center; margin:6px 0px;}
.indexpro .bd .more{ text-align:center; margin-top:15px;}
.indexpro .bd .more a{ display:block; width:136px; height:34px; line-height:34px; text-align:center; border:1px solid #000000; font-size:14px; margin:0px auto;}
.indexpro .bd .more a:hover{ border:1px solid #02389c;}

.service{ background-color:#1d7ec2;}
.service img{ display:block;}

.indexbrief{ margin:30px 0px 40px 0px;}
.indexbrief .hd{ border-bottom:1px solid #dcdcdc; height:40px; line-height:40px;}
.indexbrief .hd h3{ color:#484848; border-bottom:2px solid #0097e0; font-size:18px; margin:0px; padding:0px; float:left;}
.indexbrief .hd span{ color:#b0b0b0; font-size:14px; margin-left:10px;}
.indexbrief .hd a{ float:right;}
.indexbrief .bd{ margin-top:26px;}
.indexbrief .bd .pic{ overflow:hidden;height:195px; width:330px; padding:6px; background-color:#e2e2e2; float:left; margin-right:25px;}
.indexbrief .bd .pic img{ height:195px; width:330px; border:none;}
.indexbrief .bd .con{ overflow:hidden;}
.indexbrief .bd .con .t{ color:#000000; font-size:18px; font-weight:bold; line-height:42px;}
.indexbrief .bd .con .c{ color:#484848; line-height:24px; margin-top:10px;}
.indexbrief .bd .con .more{ text-align:right; margin-top:20px;}
.indexbrief .bd .con .more a{ color:#ff4242;}
.indexbrief .bd .con .more a:hover{ text-decoration:underline;}

.footer{ background-color:#585858; color:#959595; font-size:14px;}
.footer .w{ padding:30px 0px;}
.footer a{ color:#959595;}
.footer a:hover{ color:#ffffff;}
.footer .row{ float:left; border-right:1px solid #656565; height:137px; padding-left:30px;}
.footer .row .hd{ font-size:18px; color:#ffffff;}
.footer .row .bd{ margin-top:15px;}
.footer .row .bd dl{margin:0px; padding:0px;}
.footer .row .bd dl dd{ float:left; margin:0px; padding:0px;line-height:24px;}
.footer .about{ width:137px;}
.footer .about .bd dl{margin:0px; padding:0px;}
.footer .about .bd dl dd{ float:none; margin:0px; padding:0px;}
.footer .pro{ width:270px; margin-right:30px;}
.footer .pro .bd dl{margin:0px; padding:0px;}
.footer .pro .bd dl dd{ float:left; margin:0px 10px 0px 0px; padding:0px; width:110px; height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .contact{ width:280px; margin-right:10px;}
.footer .contact .bd dl{margin:0px; padding:0px;}
.footer .contact .bd dl dd{ float:none; margin:0px; padding:0px;}
.footer .qrcode{ border-right:none;}
.copyright{ height:66px; line-height:66px;}
.copyright .fr span{ margin-left:20px;}

.breadcrumbs{ background-color:#f7f7f7; padding:6px 0px;}
.breadcrumbs .ico-position{background-position:-305px -111px; display:inline-block; width:20px; height:20px; overflow:hidden; vertical-align:middle;margin-right:6px;}
.breadcrumbs small{font-size: 12px;font-family: serif;margin: auto 6px; line-height:20px;}

.container{padding-bottom: 40px;}
.container .leftbar{float:left; width:190px;}
.container .leftbar .model{margin-bottom:30px; width:190px;}
.container .leftbar .category{}
.container .leftbar .category .hd{border-left:6px solid #DD761F; font-size:20px;color:#000000; padding-left:10px; font-weight:bold;}
.container .leftbar .category .bd{margin-top:16px;}
.container .leftbar .category .bd ul li{ margin-top:4px;}
.container .leftbar .category .bd ul li a{ text-align:center; color:#ffffff; font-size:14px; display:block;background-color: #1C223A; padding:8px 0px;}
.container .leftbar .category .bd ul li a:hover{ background-color:#EEA200;}
.container .leftbar .category .bd ul li.on{}
.container .leftbar .category .bd ul li.on a{background-color:#EEA200;}
.container .leftbar .category .bd ul li dl{display:none;margin:0px; padding:0px;}
.container .leftbar .category .bd ul li.on dl{display:block;}
.container .leftbar .category .bd ul li.on dl dd{margin:0px; padding:0px;}
.container .leftbar .category .bd ul li.on dl dd a{border-top:1px solid #333333;background-color: #1C223A; }
.container .leftbar .category .bd ul li.on dl dd a:hover{background-color:#EEA200;}
.container .leftbar .category .bd ul li.on dl dd.on a{background-color:#EEA200;}
.container .leftbar .category.about{background-color:#1C223A; padding-bottom:10px;margin-top:-40px; z-index: 999; position: relative;}
.container .leftbar .category.about .hd{border-left:none;color:#ffffff;padding-left:0px; background-color:#1C223A; text-align:center; font-weight:normal; line-height:40px; border-bottom:1px solid #343C5D;}
.container .leftbar .category.about .bd{margin-top:10px;}

.container .rightbar{ float:right; text-align:left; width:770px;overflow:hidden;}

.container .aboutcon h3.tit{font-size: 22px;font-weight: bold; text-align: center; margin-top: 20px;color: #000000;border-bottom: 1px solid #cccccc; padding:10px 0px 20px 0px;}
.container .aboutcon .con{font-size:14px;line-height:1.8;word-wrap:break-word;}
.container .aboutcon .con *{font-family:'Microsoft Yahei' !important;}
.container .aboutcon .con font{text-indent:2em; margin-bottom: 15px; display: block;}
.container .aboutcon .con img{margin: 5px; display:block;max-width:100%;height:auto}
.container .aboutcon .con h2, .container .aboutcon .con h3, .container .aboutcon .con h4,.container .rightc .newscon .con h5{padding:10px 0;margin-bottom:18px;color: #555;font-weight:bold;}
.container .aboutcon .con h2{font-size:18px;font-weight:bold;margin:18px 0;border-bottom: 1px solid #eaeaea;}
.container .aboutcon .con h3{font-size:16px;}
.container .aboutcon .con h4{font-size:15px;}
.container .aboutcon .con h5{font-size:14px;}
.container .aboutcon .con ul, .container .aboutcon .con ol{margin:0 0 18px 50px}
.container .aboutcon .con ul{list-style: disc;}
.container .aboutcon .con ol{list-style: decimal;}
.container .aboutcon .con li{margin-bottom: 6px; list-style-type: square;}
.container .aboutcon .con p{margin-bottom:15px;word-wrap:break-word;}
.container .aboutcon .con pre{word-wrap:break-word}
.container .aboutcon .con table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.container .aboutcon .con table th{background-color:#f9f9f9;text-align:center}
.container .aboutcon .con table td,.container .rightc .newscon .con table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.container .aboutcon .con .alignnone{margin:0 auto;}
.container .aboutcon .con .alignleft{float:left;text-align:left;margin-right:10px}
.container .aboutcon .con .aligncenter{margin: 0 auto;text-align: center;display: block;}
.container .aboutcon .con .alignright{float:right;text-align:right;margin-left:10px}
.container .aboutcon .con .wp-caption{margin-bottom: 18px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.container .aboutcon .con .wp-caption img{margin: 0 0 5px;}
.container .aboutcon .con .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.container .aboutcon .con .wp-caption.alignnone{text-align: center;}
.container .aboutcon .con .wp-caption:hover .wp-caption-text{color: #45B6F7;}
.container .aboutcon .con a{text-decoration:underline;color: #45B6F7;}
.container .aboutcon .con a:hover{color: #FF5E52;}
.container .aboutcon .con pre,.comment pre{margin:20px 0;font:12px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}
.container .aboutcon .con blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.container .aboutcon .con blockquote p{margin:0;padding:0;margin-bottom: 10px;}
.container .aboutcon .action a{background-color: #4d90fe; background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); border: 1px solid #3079ed; color: #fff; display: block; width: 210px; height: 40px; font: bold 14px/40px crosoft YaHei; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: -1px -1px rgba(51,51,51,0.3); margin: 10px auto;}


.container .procon{margin-top:20px;font-size:15px;line-height:1.8;word-wrap:break-word;}
.container .protit {font-size: 22px; font-weight: bold; text-align: left; margin-top: 20px; color: #000000; border-bottom: 1px solid #cccccc; padding: 10px 0px 11px 0px;}
.container .protit .tabs{ float:right;}
.container .protit .tabs a{ display:block; float:left; font-size:14px; font-weight:normal;line-height: 36px; background-color: #D8D8D8; padding: 0px 10px; border-bottom: 2px solid #D8D8D8; margin-top:2px;}
.container .protit .tabs a.on{background-color:#DD761F; color:#ffffff; border-bottom:2px solid #DD761F;}

.container .procon .con{display:none;}
.container .procon .con.info img{max-width:100%; margin:8px;}
.container .procon .con.kpi p{margin:0px;}
.container .procon .con.kpi td{padding:0px 4px;}
.container .procon .con.pics{}
.container .procon .con.pics ul{width:900px;}
.container .procon .con.pics ul li{ float:left; width:179px; height:149px; border:1px solid #E2E2E2; padding:2px; margin:0px 10px 10px 0px;}
.container .procon .con.pics ul li img{ width:179px; height:149px; border:none;margin:0px;}
.container .prolist{ overflow:hidden;margin-top:20px;}
.container .prolist ul{ width:900px;}
.container .prolist ul li{ float:left; margin:0px 18px 18px 0px;}
.container .prolist ul li a{ border:1px solid #eaeaea; display:block; padding:0px 0px;}
.container .prolist ul li a:hover{ border:1px solid #02389c;}
.container .prolist .pic{ text-align:center;}
.container .prolist .pic img{ width:204px; height:204px; border:none;}
.container .prolist .tit{ font-size:14px; text-align:center; padding:10px; font-weight:bold;}

.container .newslist ul li{ padding:15px 6px; border-bottom:1px dotted #dddddd;}
.container .newslist ul li.odd{background-color:#fbfbfb;}
.container .newslist ul li a{font-size:15px; color:#666666;font-weight:bold;}
.container .newslist ul li a:hover{ color:#02389c;}
.container .newslist ul li span{float: right; color: #aaa;}
.container .newslist ul li p{color: #888; margin:6px 0px 0px 0px;}

.container .apply{font-size:14px;}
.container .apply .txt,.container  .apply .txta{display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;}
.container .apply .txta{height:100px;}
.container .apply .txt:focus,.container  .apply .txta:focus{border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}
.container .apply .smt{ background-color: #4d90fe; background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); border: 1px solid #3079ed; color: #fff; display: block;width: 210px;  height: 40px; font: bold 14px/40px crosoft YaHei; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: -1px -1px rgba(51,51,51,0.3); pointer:cursor;}

.container .gbook{}
.container .gbook .message_table{ font-size:14px; margin:20px auto;}
.container .gbook .message_table .txt,.container .gbook .message_table .txta{display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;}
.container .gbook .message_table .txta{height:100px;}
.container .gbook .message_table .txt:focus,.container .gbook .message_table .txta:focus{border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}
.container .gbook .message_table .smt{ background-color: #4d90fe; background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); border: 1px solid #3079ed; color: #fff; display: block;width: 210px;  height: 40px; font: bold 14px/40px crosoft YaHei; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: -1px -1px rgba(51,51,51,0.3); pointer:cursor;}

.container .contactcon{margin:30px auto;}
.container .contactcon .contact-address dl{margin:26px 20px;}
.container .contactcon .contact-address dl dd{ font-size:14px; color:#333333; height:50px; margin:0px;}
.container .contactcon .contact-address dl dd span{ display:inline-block; width:80px; overflow:hidden; vertical-align:middle;font-weight:bold; line-height:22px; float:left;}
.container .contactcon .contact-address dl dd em{font-style:normal; line-height:20px;}
.container .contactcon .text {padding: 0px}
.container .contactcon .text h1 {font-weight: normal;font-size: 28px;color: #333;padding-bottom: 25px}
.container .contactcon .text h2 {color: #424242;font-size: 20px;font-weight: normal;padding-bottom: 10px}
.container .contactcon .text dl dd {color: #757575;line-height: 32px;margin:0px; padding:0px;font-size:14px;}
.container .contactcon .text dl dd em{font-style:normal;}


.right-fixed { position: fixed; _position: absolute; bottom:165px; left: 50%; margin-left: 560px; width: 40px; height: 40px; display: none; _position: absolute; _TOP: expression((document.compatMode && document.compatMode=='CSS1Compat' ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight))-95);
z-index: 999999; font-family: "Microsoft YaHei"; } 
.right-fixed a.gotop { width: 40px; height: 40px; display: block; background: url(../images/gotop.png) no-repeat 0px -42px; }
.right-fixed a.gotop:hover { background-position: 0px 0px; }
.pagination { margin: 20px auto 0 auto; text-align: center; height: 40px; }
.pagination a, .pagination span { border: 1px solid #ddd; padding: 2px 5px 2px 5px; margin: 0px 3px; }
.pagination a:hover { border: 1px solid #a0a0a0; }
.pagination a:hover { border: 1px solid #a0a0a0; }
.pagination span.current { border: 1px solid #e0e0e0; padding: 2px 5px 2px 5px; margin: 2px; color: #aaa; background-color: #f0f0f0; text-decoration: none; }
.pagination span.disabled { border: 1px solid #f3f3f3; padding: 2px 5px 2px 5px; margin: 2px; color: #ccc; }

.artnav{width:100%; height:30px; line-height:30px; text-align:left; margin-top:20px;font-size:14px; background-color:#f2f2f2;}
.artnav .fl{width:50%; float:left; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.artnav .fr{width:50%; float:right; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.artnav a{text-decoration:underline;}


.carousel { height: 343px; overflow: hidden; position: relative; }

.carousel .bd ul li { height: 343px; }
.carousel .bd ul li a { height: 343px; display: block; margin: 0 auto; }
.carousel .hd { position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; left: 50%; }
.carousel .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 10px; border-radius: 5px; margin: 4px; background-color: #ffffff; overflow: hidden; line-height: 9999px; float: left; opacity: .8;}
.carousel .hd ul li.on { background-color: #ffffff; opacity: 1;}
.carousel .hd .c { width: 1002px; position: absolute; margin-left: -510px; top: -170px; left: 50%; }
.carousel .hd .c a { display:block; height:60px; width:60px; top:0px; position:absolute;background:url(https://img.alicdn.com/imgextra/i1/379516416/TB2zgOMlFXXXXb7XXXXXXXXXXXX_!!379516416.png) no-repeat;_background:url(https://img.alicdn.com/imgextra/i1/379516416/TB2zVi5lFXXXXXbXXXXXXXXXXXX_!!379516416.gif) no-repeat;}
.carousel .hd .c a.prev { background-position:-195px 0px; left:0px;}
.carousel .hd .c a.next { background-position:-65px 0px; right:0px;}
.carousel .hd .c a.prev:hover{ background-position:-131px 0px;}
.carousel .hd .c a.next:hover{ background-position:0px 0px;}